
Ext.define('FrontSuite.shared.view.AppPasswordRecoveryPanel', {
    extend: 'Ext.form.Panel',              // defines the superclass. results in class inheritance.
    alias:'widget.passwordrecoverypanel',  // creates an xtype: 'passwordrecoverypanel'
    id: 'forgot-view',
    title: 'Reset my password',
    floating: true,
    centered: true,
    modal: true,
    bodyPadding: 5,
    width: 350,

    // The form will submit an AJAX request to this URL when submitted
    url: 'ff-auth.php?op=recover',

    // Fields will be arranged vertically, stretched to full width
    layout: 'anchor',
    defaults: {
        anchor: '100%'
    },

    // The fields
    defaultType: 'textfield',
    items: [{
        fieldLabel: 'Email Address',
        name: 'email',
        allowBlank: false
    }],

    // Reset and Submit buttons
    buttons: [{
        text: 'Cancel',
        handler: function() {
            Ext.getCmp('forgot-view').hide();
        }
    }, {
        text: 'Reset',
        handler: function() {
            this.up('form').getForm().reset();
        }
    }, {
        text: 'Submit',
        formBind: true, //only enabled once the form is valid
        disabled: true,
        handler: function() {
            var form = this.up('form').getForm();
            if (form.isValid()) {
                form.submit({
                    success: function(form, action) {
                       Ext.Msg.alert('Success', action.result.msg);
                    },
                    failure: function(form, action) {
                        Ext.Msg.alert('Failed', action.result.msg);
                    }
                });
            }
        }
    }]
});

